
$(function () {
   leftNav_style();
   userInfo();   // 获取账号信息
   logout();     // 退出账号
});

// 打开文章管理列表
function leftNav_style() {
   let level01_deg = '90deg';
   $('.level01.l2').click(function () {
      $('.level02').stop().slideToggle();
      if (level01_deg == '90deg') {
         $(this).children().children('b').css({ transform: 'rotate(0deg)' });
         level01_deg = '0deg';
      } else {
         $(this).children().children('b').css({ transform: 'rotate(-90deg)' });
         level01_deg = '90deg';
      }
   });
   $('.level01, .level02 li').click(function () {
      if ($(this).children().children('span').text() == '文章管理') return;
      for (let i = 0; i < $('.level01').length; i++) {
         $('.level01')[i].classList.remove('active');
      };
      for (let i = 0; i < $('.level02 li').length; i++) {
         $('.level02 li')[i].classList.remove('active');
      }
      $(this).addClass('active');
   })
   $('.grzx').click(function () {
      for (let i = 0; i < $('.level01').length; i++) {
         $('.level01')[i].classList.remove('active');
      };
      for (let i = 0; i < $('.level02 li').length; i++) {
         $('.level02 li')[i].classList.remove('active');
      }
      $('#user').addClass('active');
   })
}

// 获取账号信息
function userInfo() {
   let tplHTML_topUser = template('top_user', { 'token': localStorage.getItem('token') })
   $('.header_bar').html(tplHTML_topUser);
   let tplHTML_userInfo = template('user_info', { 'token': localStorage.getItem('token') })
   $('.user_info').html(tplHTML_userInfo);
   // 如果登录了：
   if (localStorage.getItem('token')) {
      myAjax('/admin/user/info', 'GET', null, function (res) {
         // console.log(res);
         $('.user_info i').text(res.data.nickname);
         $('.user_info img').prop('src', res.data.userPic);
         $('.user_center_link img').prop('src', res.data.userPic);
      })
   } else {
      $('#login').click(function () {
         window.location = './login.js'
      })
   }
}

// 退出账号
function logout() {
   $('.logout').click(function () {
      layer.msg('登出成功')
      setTimeout(() => {
         $('.user_info i').text('');
         $('.user_info img').prop('src', '');
         $('.user_center_link img').prop('src', '');
         localStorage.setItem('token', '');
         userInfo();
      }, 700);;
   })
}